<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <header class="borbox">
        <span id="comeBack" class="iconfont icon-leftarrow cfff"></span>
        <ul>
            <li>
                <h1 class="my-data font18 cfff">我的运动数据</h1>
                <div>
                    <img src="../../assets/imgs/cxk.webp" alt="">
                </div>
            </li>
            <li>
                <div class="motion-bottom df">
                    <div class="data-left">
                        <span class="font14 aad9">
                            总运动
                        </span>
                        <div class="cfff">
                            <span id="time"></span>
                            分钟
                        </div>
                    </div>
                    <div class="data-right">
                        <span class="font14 aad9">
                            本周消耗
                        </span>
                        <div class="cfff">
                            <span id="sproData"></span>
                            千卡
                        </div>
                    </div>
                </div>
            </div>
            </li>
            <li class="borbox">
                <div>
                    <h3>消耗(千卡)</h3>
                    <p id="data1">999999</p>
                </div>
                <div>
                    <h3>累计(天)</h3>
                    <p id="data2">999</p>
                </div>
                <div>
                    <h3>连续(天)</h3>
                    <p id="data3">999</p>
                </div>
            </li>
        </ul>
    </header>

    <!-- 主体 -->
    <main class="borbox">
        <div class="columnar" id="columnar"></div>
        <div class="sector" id="sector"></div>
    </main>
</body>

</html>